<template>
  <div class='bgff h100 pd pt10 dfgfdgtrt'>
    <p class="title-label">预约详情</p>

    <div class="mt40">
      <div class=" display-flex">
        <div class="lxctsdr">
          项目名：
        </div>
        <div class=" flex-1">
          {{ rest.projectName }}
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          姓名：
        </div>
        <div class=" flex-1">
          {{ rest.name }}
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          身份证：
        </div>
        <div class=" flex-1">
          {{ rest.identityCard }}
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          手机号码：
        </div>
        <div class=" flex-1">
          {{ rest.phone }}
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          地址：
        </div>
        <div class=" flex-1">
          {{ rest.site }}
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          详细地址：
        </div>
        <div class=" flex-1">
          {{ rest.detailedAddress }}
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          病历：
        </div>
        <div class=" flex-1">
          <n-image width="100" :src="item" class="mr10" v-for="item in rest.case" />
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          ct
        </div>
        <div class=" flex-1">
          <n-image width="100" :src="item" class="mr10" v-for="item in rest.ct" />
        </div>
      </div>
      <div class=" display-flex mt10">
        <div class="lxctsdr">
          出院医嘱
        </div>
        <div class=" flex-1">
          <n-image width="100" class="mr10" :src="item" v-for="item in rest.hospital" />
        </div>
      </div>
      <div class=" display-flex mt20">
        <div class="lxctsdr">
          
        </div>
        <div class=" flex-1">
          <n-button type="primary" size="medium" @click="callBack">返回上一页</n-button> </div>
      </div>

    </div>


  </div>
</template>
<script lang='ts' setup>
import { ref } from "vue";
import { dxget, dxpost, qurl,callBack } from "../../util/index";
import { NImage } from "naive-ui";
const rest = ref()
const cz = qurl()
const initData = async () => {
  const { data }: any = await dxget("hjcw/hjcwyuyue", { id: cz.id })
  data.case = data.case.split(",")
  data.ct = data.ct.split(",")
  data.hospital = data.hospital.split(",")
  rest.value = data
}
initData()
</script>
<style scoped>
.lxctsdr {
  width: 100px;
}
</style>